<!DOCTYPE html>
<html>
	<head>
		<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta charset="utf-8">
		<link type="text/css" rel="styleSheet" href="../css/base.css" />
		<link type="text/css" rel="styleSheet" href="../css/battle.css" />
		<script src="../js/jquery-3.4.1.js" type="application/javascript"></script>
		<script src="../js/howler.js" type="application/javascript"></script>
		<script src="../js/data.js" type="application/javascript"></script>
		<script src="../js/common.js" type="application/javascript"></script>
		<script src="../js/animation.js" type="application/javascript"></script>
		<script src="../js/special_effect.js" type="application/javascript"></script>
		<script src="../js/battle.js" type="application/javascript"></script>

		<title>战斗</title>
	</head>
	<body>
		<div class="header_div">
			<div class="env_info_div"></div>
			<div class="turn_info_div">TURN 1</div>
			<div class="owner_info_div">PLAYER</div>
		</div>
		<div class='f_div'>
			<div class='div1 mon' id='div1'>
				<div class="pic_div"><img src="../img/ex_mon.jpg" /></div>
				<div class="hp_bar">
					<div class="hp_number"></div>
				</div>
				<div class="shield_bar">
					<div class="shield_number"></div>
				</div>
				<div class="mon_info_bar"></div>
				<div class="state_bar">

				</div>
			</div>
			<div class='div2 mon' id='div2'>
				<div class="pic_div"><img src="../img/ex_mon.jpg" /></div>
				<div class="hp_bar">
					<div class="hp_number"></div>
				</div>
				<div class="shield_bar">
					<div class="shield_number"></div>
				</div>
				<div class="mon_info_bar"></div>
				<div class="state_bar"></div>
			</div>
			<div class='div3 mon' id='div3'>
				<div class="pic_div"><img src="../img/ex_mon.jpg" /></div>
				<div class="hp_bar">
					<div class="hp_number"></div>
				</div>
				<div class="shield_bar">
					<div class="shield_number"></div>
				</div>
				<div class="mon_info_bar"></div>
				<div class="state_bar"></div>
			</div>
			<div id='player_div'>
				<div class="pic_div"><img src="../img/hat_mon.jpg" /></div>
				<div class="hp_bar">
					<div class="hp_number"></div>
				</div>
				<div class="shield_bar">
					<div class="shield_number"></div>
				</div>
				<div class="mon_info_bar"></div>
				<div class="state_bar"></div>
			</div>
		</div>
		<div class='cards'>
			<div class="card">
				<div class="card_img_div">
					<img src="../img/ex_mon.jpg" />
				</div>
				<div class="card_name_div">-----</div>
				<div class="card_desc_div">-----</div>
			</div>
			<div class="card">
				<div class="card_img_div">
					<img src="../img/ex_mon.jpg" />
				</div>
				<div class="card_name_div">-----</div>
				<div class="card_desc_div">-----</div>
			</div>
			<div class="card">
				<div class="card_img_div">
					<img src="../img/ex_mon.jpg" />
				</div>
				<div class="card_name_div">-----</div>
				<div class="card_desc_div">-----</div>
			</div>
			<div class="card">
				<div class="card_img_div">
					<img src="../img/ex_mon.jpg" />
				</div>
				<div class="card_name_div">-----</div>
				<div class="card_desc_div">-----</div>
			</div>
			<div class="card">
				<div class="card_img_div">
					<img src="../img/ex_mon.jpg" />
				</div>
				<div class="card_name_div">-----</div>
				<div class="card_desc_div">-----</div>
			</div>
		</div>
		<div id='btn1'>使用</div>
		<div id='btn2'>撤退</div>
		<div id='btn3'>技能</div>
		<div id='energy_info'><span>--</span>/6</div>
		<div id='att_info'>----</div>
		<div id='deck_info'>----</div>
		<div id='other_info'>----</div>
	</body>
</html>
